html,
body {
  width: 100%;
  height: 100%;
  font: normal normal normal 14px/22px 'microsoft yahei';
  margin: 0;
}
ul,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.modal-alert {
  display: none;
}
header {
  position: relative;
  width: 100%;
  height: 40px;
  background: #0092D7;
}
header .logo {
  width: 100%;
  height: 100%;
  float: left;
  text-align: center;
}
header .logo .title {
  margin-left: -60px;
  color: #fff;
  font: normal normal normal 16px/40px 'microsoft yahei';
}
header .logo a {
  float: left;
  margin: 0 15px;
  color: #fff;
  font: normal normal normal 16px/40px 'microsoft yahei';
  text-decoration: none;
}
.wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 260px;
  height: 240px;
  margin: -160px 0 0 -130px;
  padding: 25px 0 0;
}
.wrapper.box {
  border: 1px solid #ddd;
  border-radius: 5px;
}
.wrapper .mrow {
  width: 100%;
  height: 40px;
  margin: 10px 0 0;
  padding: 0 15px;
}
.wrapper .mrow .for {
  float: left;
  font: normal normal normal 12px/30px 'microsoft yahei';
}
.wrapper .mrow .text {
  float: right;
  width: 160px;
}
.wrapper .mrow a.btn {
  width: 100%;
}
